<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/jsps/tag.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统日志</title>
<%@ include file="/WEB-INF/jsps/common_css.jsp"%>
<%@ include file="/WEB-INF/jsps/common_js.jsp"%>

<script type="text/javascript">

    //时间格式化
    function dateFormatter_yyyyMMddHHmmss(time){
        if(time==null || time == ""){
            return "/";
        }
        return new Date(time).format('yyyy-MM-dd');
    }

$(function(){
	
	$('#log_list_id').datagrid({
	    url:'${baseurl}doubleball/list',
	    fitColumns:false,
	    pageList:[14,28,42],
	    pageSize:14
	});

	
	//高级查询
	$("#logList_query_button_id").click(function(){
		var startPeriod = $("#startPeriod").val();
		var endPeriod = $("#endPeriod").val();
		var startDate = $("#startDate").datebox("getValue");
		var endDate = $("#endDate").datebox("getValue");
		

		
		$('#log_list_id').datagrid("reload",{startPeriod:startPeriod,endPeriod:endPeriod,
            								startDate:startDate,endDate:endDate});
	});
	
	
});
	
</script>
</head>
<body>

	<!-- 搜索栏 -->
	<div style="height: 30px;width: 100%;border: 1px solid #BCB7B7;">
		<table>
			<tr>
				<th>开始期数:</th>
				<td> <input id="startPeriod" name="startPeriod" class="easyui-easyui-numberbox" type="text"  size="12" data-options="required:false,min:0,precision:0" />  <td>
				<th>结束期数:</th>
				<td> <input id="endPeriod" name="endPeriod" class="easyui-easyui-numberbox" type="text"  size="12" data-options="required:false,min:0,precision:0" />  <td>
    			<th>开始时间:</th>
				<td> <input id="startDate" name="startDate" class= "easyui-datebox" type="text" data-options="editable:false" size="12"/>  <td>
				<th>结束时间:</th>
				<td> <input id="endDate"  name="endDate" class= "easyui-datebox" type="text" data-options="editable:false" size="12" />  <td>
    			<td>
    				<a id="logList_query_button_id" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-2012092109942'">过滤</a>
					<a id="logList_Manually_pull_button_id" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-application_put'">手动更新</a>
    			</td>
			</tr>
		</table>
	</div>
	
	<!-- 数据表格 -->
	<table id="log_list_id" style="height:94%;"
		data-options="singleSelect:true,pagination:true,pagePosition:'bottom'">   
	    <thead>   
	        <tr>   
	            <th data-options="field:'period',width:100">期数</th>
				<th data-options="field:'red1',formatter:function(value,row,index){
            				return '<font color=red size=4>'+value+'</font>';
            		}">红球1</th>
				<th data-options="field:'red2',formatter:function(value,row,index){
            				return '<font color=red size=4>'+value+'</font>';
            		}">红球2</th>
				<th data-options="field:'red3',formatter:function(value,row,index){
            				return '<font color=red size=4>'+value+'</font>';
            		}">红球3</th>
				<th data-options="field:'red4',formatter:function(value,row,index){
            				return '<font color=red size=4>'+value+'</font>';
            		}">红球4</th>
				<th data-options="field:'red5',formatter:function(value,row,index){
            				return '<font color=red size=4>'+value+'</font>';
            		}">红球5</th>
				<th data-options="field:'red6',formatter:function(value,row,index){
            				return '<font color=red size=4>'+value+'</font>';
            		}">红球6</th>
				<th data-options="field:'blueNumber',width:100,formatter:function(value,row,index){
            				return '<font color=blue size=4>'+value+'</font>';
            		}">蓝球</th>

				<th data-options="field:'awardPoll'">奖池奖金(元)</th>
				<th data-options="field:'oneNumber'">一等奖注数</th>
				<th data-options="field:'oneAwardMoney'">一等奖奖金(元)</th>
				<th data-options="field:'twoNumber'">二等奖注数</th>
				<th data-options="field:'twoAwardMoney'">二等奖奖金(元)</th>
				<th data-options="field:'totalMoney'">总投注金额(元)</th>
				<th data-options="field:'openAwardDate',width:100,formatter:function(value,row,index){
            			return dateFormatter_yyyyMMddHHmmss(value);
            		}">开奖日期</th>

	        </tr>   
	    </thead>   
	</table>
	
</body>
</html>